iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 28
1

重複影像
background-repeat
這個屬性可以重複圖像在背景
如果是使用小圖做素材
可以將小圖佈滿作為背景或是做其他的設計應用
屬性值有以下幾個

background-repeat: repeat
這個值會將背景影像以水平和垂直方向重複排列
此為預設值

background-repeat: repeat-x
這個值會讓影像水平方向重複排列

background-repeat: repeat-y
這個值會讓影像垂直方向重複排列

background-repeat: no-repeat
會讓影像只顯示一次,不重複

指定背景影像是否固定位置
background-attachment
這個屬性有兩個值

background-attachment: fixed
這個值會讓背景影像固定在同位置

background-attachment: scroll
這個值會讓背景影像使用上下捲動頁面時跟著移動


上一篇
第27天-CSS-影像(3-1)
下一篇
第29天-CSS-影像-(3-3)
系列文
我可以修改,所以先亂打30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言